<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="../../rsframe/commons/script/common.js"></script>
    <meta charset="UTF-8">
    <title>商户管理端首页</title>
    <style>
        ul, li {
            list-style: none;
        }
        
        .work-items {
            overflow: hidden;
            width: 100%;
            margin: 0;
            padding: 0;
            font-size: 14px;
        }
        
        .work-items li {
            float: left;
            width: 20%;
            height: 70px;
        }
        
        .work-items li a {
            display: block;
            margin-right: 10px;
            height: 70px;
            overflow: hidden;
            color: #FFFFFF;
        }
        
        .work-items li .last-work {
            margin-right: 0;
        }
        
        .work-items li .liimg {
            width: 40px;
            height: 40px;
            padding: 15px;
        }
        
        .work-items li .liimg img {
            width: 100%;
        }
        
        .work-items li .liimg {
            float: left;
        }
        
        .work-items li .liword {
            float: left;
            padding: 15px;
        }
        
        .work-items li .liword p {
            margin: 0;
            font-size: 18px;
            font-weight: 600;
        }
        
        .work-items li .liword p span {
            font-size: 12px;
            margin-left: 4px;
            font-weight: normal;
        }
        
        .work-items li.blue a {
            background: #33CCCC;
        }
        
        .work-items li.blue .liimg {
            background: #2DB3B3;
        }
        
        .work-items li.green a {
            background: #999900;
        }
        
        .work-items li.green .liimg {
            background: #808000;
        }
        
        .work-items li.gray a {
            background: #999999;
        }
        
        .work-items li.gray .liimg {
            background: #666666;
        }
        
        .work-items li.purple a {
            background: #996699;
        }
        
        .work-items li.purple .liimg {
            background: #6C486C;
        }
        
        .work-items li.orange a {
            background: #FF9966;
        }
        
        .work-items li.orange .liimg {
            background: #FF6C26;
        }
        
        #more {
            border-width: 0;
            text-align: right;
            font-size: 14px;
            color: #CCCCCC;
        }

        #moreDetail p {
            text-indent: 0;
            margin: 0;
            font-size: 14px;
        }

        .work-items p {
            text-indent: 0;
            margin: 0;
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="easyui-panel" data-options="fit:true" style="padding: 10px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'north'" style="height:90px;">
            <ul class="work-items">
                <li class="blue">
                    <a class="work-inner">
                        <div class="liimg">
                            <img src="../../static/images/1.png"/>
                        </div>
                        <div class="liword">
                            <span class="num">今日收分总分数</span>
                            <p id="gatherScore">
                            </p>
                        </div>
                    </a>
                </li>
                <li class="green">
                    <a class="work-inner">
                        <div class="liimg">
                            <img src="../../static/images/2.png"/>
                        </div>
                        <div class="liword">
                            <span class="num">待结算总分数</span>
                            <p id="noFinishMoney"></p>
                        </div>
                    </a>
                </li>
                <li class="gray">
                    <a class="work-inner">
                        <div class="liimg">
                            <img src="../../static/images/3.png"/>
                        </div>
                        <div class="liword">
                            <span class="num">今日兑换总笔数</span>
                            <p id="exchangeNum"></p>
                        </div>
                    </a>
                </li>
                <li class="purple">
                    <a class="work-inner">
                        <div class="liimg">
                            <img src="../../static/images/4.png"/>
                        </div>
                        <div class="liword">
                            <span class="num">历史收分总分数</span>
                            <p id="historySumMoney"></p>
                        </div>
                    </a>
                </li>
                <li class="orange">
                    <a class="work-inner last-work">
                        <div class="liimg">
                            <img src="../../static/images/5.png"/>
                        </div>
                        <div class="liword">
                            <span class="num">历史兑换总笔数</span>
                            <p id="hisroryExchangeNum"></p>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- 统计数据概括展示 -->
        </div>
        <div data-options="region:'center'">
            <div style="position: relative;background: white;" id="moreDetail">
                <div style="float: left;padding-bottom: 15px">
                    <p>
                        <span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:600;color:#666666;">未完成订单
                          <span id="unchangeNum" style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#00CCFF;"></span>
                        </span>
                    </p>
                </div>
                <div id="more" style="float: right;">
                    <p>
                        <span onclick="javascript:query()">查看更多》</span>
                    </p>
                </div>
            </div>
            <table id="listTable"></table>
        </div>
    </div>
</div>
<div id="exchangeProductDiv" style="display: none">
    <div style="display: table;height: 100%;width: 100%;text-align: center;">
        <div style="display: table-cell;vertical-align: middle;">
            <b>请输入用户订单码，或使用扫码枪扫用户订单二维！</b>
            <div style="padding-top: 10px;">
                <label>
                    <input name="orderNo" type="text" class="easyui-validatebox" style="width: 250px;"
                           data-options="required:false,prompt:'请输入用户订单码兑换！'"/>
                </label>
            </div>
        </div>
    </div>
</div>
</body>
</html>